* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.classify {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  .left {
    width: 80px;
    flex-shrink: 0;
    overflow-y: scroll;
    li {
      margin: 6px 0 6px 4px;
      text-align: center;
      border-left: 2px solid white;
      &.active {
        color: red;
        font-size: bold;
        border-left: 2px solid red;
      }
    }
  }
  .right {
    h3 {
    }
    .right-content {
      display: flex;
      flex-wrap: wrap;
      .content-item {
        width: 33.3%;
        padding: 6px;
        img {
          width: 100%;
        }
        span {
        }
      }
    }
  }
}
